<template>
    <div class="meteorologicalenvironmentmsg">
        <pagetitle></pagetitle>
        <el-form :model="pageData" class="demo-form-inline" label-width="140px" :disabled="$route.query.join ? true : false">
            <!-- <cardbox v-for="(item, index) in pageData1" :key="index" :data="item"></cardbox> -->
            <el-card class="pageCard">
                <div class="cardTitle">辅材及供应商</div>
                <el-form-item label="数字配件名称：">
                    <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入 数字配件 的名称"></el-input>
                    <span class="formItemsspan">*手动输入 数字配件 名称</span>
                </el-form-item>

                <el-form-item label="产品品牌：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入 数字配件 的品牌"></el-input>
                    <span class="formItemsspan">*手动输入 数字配件 的品牌</span>
                </el-form-item>
                <el-form-item label="供应商名称：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请从 供应商列表 中选择"></el-input>
                    <el-button type="primary" plain>查找</el-button>
                    <span class="formItemsspan">*从供应商列表中选择</span>
                </el-form-item>
            </el-card>
            <!-- <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>电子元器件发布单位</el-checkbox></div>
                <el-form-item label="数字配件发布单位：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="重庆三峡农夫科技有限公司"></el-input>
                    <el-button type="primary" plain>查找</el-button>
                    <span class="formItemsspan">*从 我的团队列表 中选择</span>
                </el-form-item>
                <el-form-item label="标准公开程度：">
                    <div>
                        <el-radio-group v-model="pageData.createUserPost" size="large">
                            <div class="radiobutton" v-for="(item, index) in cardType" :key="index">
                                <el-radio-button :label="item" />
                            </div>
                        </el-radio-group>
                        <div class="formItemsspan">
                            *完全公开，所有人可以查看；部分公开，平台和提出的团队可以调用数据，其他人无权查看；不公开，自己查看，其他人无权查看
                        </div>
                    </div>
                </el-form-item>
            </el-card> -->
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>采用标准情况</el-checkbox></div>
                <el-form-item label="标准号检索：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="从标准资源库中检索本标准的引用标准"></el-input>
                    <el-button type="primary" plain>检索</el-button>
                    <span class="formItemsspan">*从标准资源库 中检索</span>
                </el-form-item>
                <el-form-item label="发布内容：">
                    <el-table :data="[{ type: 1 }, { type: 2 }]" class="tableheader" border align-center style="width: 100%">
                        <el-table-column prop="date" label="序号" width="88">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">01</div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createTime" label="标准号">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="请输入标准号"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyName" label="标准名称">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="请输入标准名称"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createUserName" label="状态">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-select v-model="scope.row.companyName" class="m-2" placeholder="请选择状态">
                                        <el-option label="1" value="1" />
                                        <el-option label="2" value="2" />
                                    </el-select>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="发布日期">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-date-picker
                                        style="width: 100%"
                                        v-model="scope.row.companyName"
                                        type="date"
                                        placeholder="请选择发布日期"
                                        format="YYYY-MM-DD"
                                        value-format="YYYY-MM-DD"
                                    />
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="实施日期">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-date-picker
                                        style="width: 100%"
                                        v-model="scope.row.companyName"
                                        type="date"
                                        placeholder="请选择实施日期"
                                        format="YYYY-MM-DD"
                                        value-format="YYYY-MM-DD"
                                    />
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="address" label="操作" width="160">
                            <template #default="scope">
                                <div style="text-align: center" v-if="scope.row.type == 1">
                                    <el-button type="primary" link>查看</el-button>
                                    <el-divider direction="vertical" />
                                    <el-button type="primary" link>删除</el-button>
                                </div>
                                <div style="text-align: center" v-else>
                                    <el-button type="primary" link>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">免责声明：本平台标准资料仅供参考，使用标准请以正式出版的标准版本为准</div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>通用参数表</el-checkbox></div>
                <el-form-item label="">
                    <el-table :data="[{ type: 1 }, { type: 2 }]" class="tableheader" border align-center style="width: 100%">
                        <el-table-column prop="date" label="序号" width="88">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">01</div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createTime" label="通用参数名称" width="250">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="输入参数01"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="通用参数">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="请输入参数01"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="address" label="操作" width="160">
                            <template #default="scope">
                                <div style="text-align: center" v-if="scope.row.type == 1">
                                    <!-- <el-button type="primary" text bg>查看</el-button> -->
                                    <el-button type="primary" link>删除</el-button>
                                </div>
                                <div style="text-align: center" v-else>
                                    <el-button type="primary" link>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">*通用参数表是 同一产品 具有的共同 参数性质</div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>分类参数表</el-checkbox></div>
                <el-form-item label="">
                    <el-table
                        :data="[{ type: 1 }, { type: 2 }]"
                        class="tableheader meteorologicalenvironmentmsgtableheader"
                        border
                        align-center
                        style="width: 100%"
                    >
                        <el-table-column prop="date" :resizable="false" label="分类级数" width="130">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="输入一级参数A"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createTime" :resizable="false" label="分类参数">
                            <el-table-column prop="date" label="" width="130">
                                <template #default="scope">
                                    <div v-if="scope.row.type == 1">
                                        <el-input v-model="scope.row.companyName" placeholder="输入参数A1"></el-input>
                                    </div>
                                </template>
                            </el-table-column>
                            <el-table-column prop="date" label="">
                                <template #default="scope">
                                    <div v-if="scope.row.type == 1">
                                        <el-button type="primary" link>+添加参数</el-button>
                                    </div>
                                </template>
                            </el-table-column>
                            <!-- <el-table-column prop="date" label="">
                                <template #default="scope">
                                    <div v-if="scope.row.type == 1">
                                        <el-input v-model="scope.row.companyName" placeholder="输入参数A1"></el-input>
                                    </div>
                                </template>
                            </el-table-column>
                            <el-table-column prop="date" label="">
                                <template #default="scope">
                                    <div v-if="scope.row.type == 1">
                                        <el-input v-model="scope.row.companyName" placeholder="输入参数A1"></el-input>
                                    </div>
                                </template>
                            </el-table-column>
                            <el-table-column prop="date" label="">
                                <template #default="scope">
                                    <div v-if="scope.row.type == 1">
                                        <el-input v-model="scope.row.companyName" placeholder="输入参数A1"></el-input>
                                    </div>
                                </template>
                            </el-table-column>
                            <el-table-column prop="date" label="">
                                <template #default="scope">
                                    <div v-if="scope.row.type == 1">
                                        <el-input v-model="scope.row.companyName" placeholder="输入参数A1"></el-input>
                                    </div>
                                </template>
                            </el-table-column> -->
                            <!-- <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    {{ scope.row.type }}
                                </div>
                                <div v-else>
                                    <el-input v-model="scope.row.companyName" placeholder="请输入分类参数"></el-input>
                                </div>
                            </template> -->
                        </el-table-column>
                        <el-table-column prop="address" :resizable="false" label="操作" width="160">
                            <template #default="scope">
                                <div style="text-align: center" v-if="scope.row.type == 1">
                                    <!-- <el-button type="primary" text bg>查看</el-button> -->
                                    <el-button type="primary" link>删除</el-button>
                                </div>
                                <div style="text-align: center" v-else>
                                    <el-button type="primary" link>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">*分类表是同一产品 不同规格分类</div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>分类参数展开表</el-checkbox></div>
                <el-form-item label="">
                    <el-table
                        :data="[{ type: 1 }, { type: 2 }]"
                        class="tableheader meteorologicalenvironmentmsgtableheader"
                        border
                        align-center
                        style="width: 100%"
                    >
                        <el-table-column fixed prop="date" label="一级分类名称A">
                            <el-table-column prop="companyName" label="" width="120">
                                <template #default="scope">
                                    <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="A1" />
                                </template>
                            </el-table-column>
                            <el-table-column prop="companyName" label="" width="120">
                                <template #default="scope">
                                    <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="参A1" />
                                </template>
                            </el-table-column>
                        </el-table-column>
                        <el-table-column prop="companyName" label="型号" width="120">
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="请输入型号" />
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyName" label="图片" width="120">
                            <template #default="scope">
                                <el-upload class="upload-demo" v-if="scope.row.type == 1">
                                    <div style="color: #666666; text-align: center">+图片</div>
                                    <!-- <template #tip>
                                        <div class="el-upload__tip">jpg/png files with a size less than 500KB.</div>
                                    </template> -->
                                </el-upload>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyName" label="产品单价(元)" width="120">
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="￥0.00" />
                            </template>
                        </el-table-column>
                        <el-table-column v-for="(item, index) in test" :key="index" :prop="item.prop" :label="item.label" :width="item.width">
                            <template #header>
                                <el-input v-model="pageData.input" placeholder="输入分类参数" />
                            </template>
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="请输入参数" />
                            </template>
                        </el-table-column>
                        <el-table-column prop="createTime" label="分类参数">
                            <template #header>
                                <el-button link type="primary" @click="addcolumn" style="font-weight: bold">+添加列</el-button>
                            </template>
                        </el-table-column>
                        <el-table-column fixed="right" prop="address" label="操作" width="160">
                            <template #default="scope">
                                <div style="text-align: center" v-if="scope.row.type == 1">
                                    <el-button type="primary" link>删除</el-button>
                                </div>
                                <div style="text-align: center" v-else>
                                    <el-button type="primary" link>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">*根据 分类表 自动生成 分类参数表</div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>检验报告</el-checkbox></div>
                <el-form-item label="发布内容：">
                    <el-table
                        :data="[{ type: 1 }, { type: 2 }]"
                        class="tableheader meteorologicalenvironmentmsgtableheader"
                        border
                        align-center
                        style="width: 100%"
                    >
                        <el-table-column prop="date" label="序号" width="88">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">01</div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createTime" label="报告编号">
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="请输入报告编号" />
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyName" label="报告名称">
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="请输入报告名称" />
                            </template>
                        </el-table-column>
                        <el-table-column prop="createUserName" label="检验报告单位">
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="请输入检验报告单位" />
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="报告状态">
                            <template #default="scope">
                                <el-input v-if="scope.row.type == 1" v-model="pageData.input" placeholder="请输入报告状态" />
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="检验日期">
                            <template #default="scope">
                                <el-date-picker
                                    style="width: 100%"
                                    v-if="scope.row.type == 1"
                                    v-model="scope.row.companyName"
                                    type="date"
                                    placeholder="请选择检验日期"
                                    format="YYYY-MM-DD"
                                    value-format="YYYY-MM-DD"
                                />
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="有效年限">
                            <template #default="scope">
                                <el-date-picker
                                    style="width: 100%"
                                    v-if="scope.row.type == 1"
                                    v-model="scope.row.companyName"
                                    type="date"
                                    placeholder="请选择有效年限"
                                    format="YYYY-MM-DD"
                                    value-format="YYYY-MM-DD"
                                />
                            </template>
                        </el-table-column>
                        <el-table-column prop="address" label="操作" width="220">
                            <template #default="scope">
                                <div style="text-align: center" v-if="scope.row.type == 1">
                                    <el-button type="primary" link>上传</el-button>
                                    <el-divider direction="vertical" />
                                    <el-button type="primary" link>查看</el-button>
                                    <el-divider direction="vertical" />
                                    <el-button type="primary" link>删除</el-button>
                                </div>
                                <div style="text-align: center" v-else>
                                    <el-button type="primary" link>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">免责声明：本平台标准资料仅供参考，使用标准请以正式出版的标准版本为准</div>
                </el-form-item>
            </el-card>
            <!-- <el-card class="pageCard">
                <div class="cardTitle">模块类型</div>
                <el-form-item label="入网方式：">
                    <el-checkbox v-model="pageData.checked2">继电器控制模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">开关量采集模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">模拟量采集模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">模拟量输出模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">测温模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">称重模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">定位模块</el-checkbox>
                    <el-checkbox v-model="pageData.checked2">电力测量</el-checkbox>
                </el-form-item>
                <el-form-item label="继电器控制DO：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 继电器控制 的 通道数量">
                        <template #append>路</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="开关量采集DI：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 开关量采集 的 通道数量">
                        <template #append>路</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="模拟量输出AO：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 模拟量输出的 通道数量">
                        <template #append>路</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="选择  模拟量类型">
                        <template #append>V</template>
                    </el-input>
                    <span class="formItemsspan formItemsspan1">*选择 模块输出信号类型</span>
                </el-form-item>
                <el-form-item label="模拟量输入AI：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 模拟量输入的 通道数量">
                        <template #append>路</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="选择  模拟量类型">
                        <template #append>V</template>
                    </el-input>
                    <span class="formItemsspan formItemsspan1">*选择 模块输入信号类型</span>
                </el-form-item>
                <el-form-item label="测温模块：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 测温模块的 通道数量">
                        <template #append>路</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="请输入  测温范围">
                        <template #append>℃</template>
                    </el-input>
                    <span class="formItemsspan formItemsspan1">*输入模块输入 测温范围</span>
                </el-form-item>
                <el-form-item label="称重模块：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 测温模块的 通道数量">
                        <template #append>路</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="请输入  称重范围">
                        <template #append>kg</template>
                    </el-input>
                    <span class="formItemsspan formItemsspan1">*输入模块输入 称重范围</span>
                </el-form-item>
                <el-form-item label="定位模块：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 定位模块的 通道数量">
                        <template #append>路</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="请输入  定位频率">
                        <template #append>次/s</template>
                    </el-input>
                    <span class="formItemsspan formItemsspan1">*输入模块输入 定位频率</span>
                </el-form-item>
                <el-form-item label="电力测量模块：">
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="输入 电力测量的 通道数量">
                        <template #append>路</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="请输入  电压范围">
                        <template #append>V</template>
                    </el-input>
                    <el-input v-model="pageData.companyPresentation" class="inputs2" placeholder="请输入  电流范围">
                        <template #append>A</template>
                    </el-input>
                    <span class="formItemsspan formItemsspan1">*输入 测量电力的电压和电流范围</span>
                </el-form-item>
            </el-card> -->
            <!-- <el-card class="pageCard">
                <div class="cardTitle">模块技术参数</div>
                <el-form-item label="供电电源：">
                    <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入模块的 供电电源"></el-input>
                </el-form-item>
                <el-form-item label="模块功耗：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 功耗">
                        <template #append>W</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="测量精度：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 测量精度"></el-input>
                </el-form-item>
                <el-form-item label="耐久性：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 耐久性"></el-input>
                </el-form-item>
                <el-form-item label="动态响应时间：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 响应时间">
                        <template #append>秒</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="模块稳定性：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 稳定性">
                        <template #append>%/年</template>
                    </el-input>
                </el-form-item>
            </el-card> -->
            <!-- <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>电子元器件检验报告</el-checkbox></div>
                <el-form-item label="发布内容：">
                    <el-table
                        :data="[{ type: 1 }, { type: 2 }]"
                        class="tableheader meteorologicalenvironmentmsgtableheader"
                        border
                        align-center
                        style="width: 100%"
                    >
                        <el-table-column prop="date" label="序号"></el-table-column>
                        <el-table-column prop="createTime" label="报告编号" />
                        <el-table-column prop="companyName" label="报告名称" />
                        <el-table-column prop="createUserName" label="检验报告单位" />
                        <el-table-column prop="companyNature" label="报告状态" />
                        <el-table-column prop="companyNature" label="检验日期" />
                        <el-table-column prop="companyNature" label="有效年限" />
                        <el-table-column prop="address" label="操作" width="230">
                            <template #default="scope">
                                <div style="text-align: right" v-if="scope.row.type == 1">
                                    <el-button type="primary" text bg>上传</el-button>
                                    <el-button type="primary" text bg>查看</el-button>
                                    <el-button type="danger" text bg>删除</el-button>
                                </div>
                                <div style="text-align: right" v-else>
                                    <el-button type="primary" text bg>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">免责声明：本平台标准资料仅供参考，使用标准请以正式出版的标准版本为准</div>
                </el-form-item>
            </el-card> -->
            <!-- <el-card class="pageCard">
                <div class="cardTitle">模块技术参数</div>
                <el-form-item label="测量精度：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 测量精度"> </el-input>
                </el-form-item>
                <el-form-item label="分辨率：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 分辨率"> </el-input>
                </el-form-item>
                <el-form-item label="供电电源：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的供电电源"> </el-input>
                </el-form-item>
                <el-form-item label="模块功耗：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的功耗">
                        <template #append>W</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="动态响应时间：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的响应时间">
                        <template #append>秒</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="模块稳定性：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入模块的 稳定性">
                        <template #append>%/年</template>
                    </el-input>
                </el-form-item>
            </el-card> -->
            <!-- <el-card class="pageCard">
                <div class="cardTitle">模块检验报告</div>
                <el-form-item label="发布内容：">
                    <el-table :data="[{}]" class="tableheader meteorologicalenvironmentmsgtableheader" border align-center style="width: 100%">
                        <el-table-column prop="date" label="序号"></el-table-column>
                        <el-table-column prop="createTime" label="标准号" />
                        <el-table-column prop="companyName" label="报告名称" />
                        <el-table-column prop="createUserName" label="检验报告单位" />
                        <el-table-column prop="companyNature" label="报告状态" />
                        <el-table-column prop="companyNature" label="检验日期" />
                        <el-table-column prop="companyNature" label="有效年限" />
                        <el-table-column prop="address" label="操作" width="160">
                            <template #default="scope">
                                <el-button type="primary" text bg>查看</el-button>
                                <el-button type="danger" text bg>删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                    <el-table :data="[{}]" class="tableheader" border :show-header="false" style="width: 100%">
                        <el-table-column prop="date" label="序号"></el-table-column>
                        <el-table-column prop="createTime" label="标准号" />
                        <el-table-column prop="companyName" label="报告名称" />
                        <el-table-column prop="createUserName" label="检验报告单位" />
                        <el-table-column prop="companyNature" label="报告状态" />
                        <el-table-column prop="companyNature" label="检验日期" />
                        <el-table-column prop="companyNature" label="有效年限" />
                        <el-table-column prop="address" label="操作" width="160">
                            <template #default="scope">
                                <div style="text-align: right">
                                    <el-button type="primary" text bg>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">免责声明：本平台标准资料仅供参考，使用标准请以正式出版的标准版本为准</div>
                </el-form-item>
            </el-card> -->
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>图片及介绍图片</el-checkbox></div>
                <el-form-item label="">
                    <div>
                        <div class="uploadcertificate">
                            <!-- <div class="uploadcertificateItem">
                                <div class="uploadcertificateTitle">设备及介绍图片</div>
                                <el-image class="equipmentphoto" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="cover" />
                            </div>
                            <div class="uploadcertificateItem">
                                <div class="uploadcertificateTitle">设备及介绍图片</div>
                                <el-image class="equipmentphoto" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="cover" />
                            </div> -->
                            <div class="uploadcertificateItem">
                                <div class="uploadcertificateTitle">新增图片</div>
                                <uploadFile
                                    :fileUrl="pageData.cardHold"
                                    text="+新增图片"
                                    :showIcon="false"
                                    tableItem="cardHold"
                                    width="310px"
                                    height="210px"
                                ></uploadFile>
                            </div>
                        </div>
                        <div class="certificateInputTip">● 图片格式要求jpg、jpeg、bmp、png、pdf，不超过10M。</div>
                    </div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>BIM建模信息</el-checkbox></div>
                <el-form-item label="">
                    <div>
                        <div class="uploadcertificate">
                            <div class="uploadcertificateItem">
                                <div class="uploadcertificateTitle">三维BIM模型</div>
                                <uploadFile
                                    :fileUrl="pageData.cardHold"
                                    text="+其他BIM模型"
                                    :showIcon="false"
                                    tableItem="cardHold"
                                    width="310px"
                                    height="210px"
                                ></uploadFile>
                            </div>
                            <div class="uploadcertificateItem">
                                <div class="uploadcertificateTitle">二维BIM模型</div>
                                <uploadFile
                                    :fileUrl="pageData.cardHold"
                                    text="+其他BIM模型"
                                    :showIcon="false"
                                    tableItem="cardHold"
                                    width="310px"
                                    height="210px"
                                ></uploadFile>
                            </div>
                            <div class="uploadcertificateItem">
                                <div class="uploadcertificateTitle">其他BIM模型</div>
                                <uploadFile
                                    :fileUrl="pageData.cardHold"
                                    text="+其他BIM模型"
                                    :showIcon="false"
                                    tableItem="cardHold"
                                    width="310px"
                                    height="210px"
                                ></uploadFile>
                            </div>
                        </div>
                        <div class="certificateInputTip">● 上传的模型格式要求dwg/dxf、dwf、dng、IFC等格式，不超过10M。</div>
                    </div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>支撑文件库</el-checkbox></div>
                <el-form-item label="检索支撑文件库：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="从 我的 支撑文件 库中查找"></el-input>
                    <el-button type="primary" plain>检索</el-button>
                    <span class="formItemsspan">*从我的支撑文件库中检索</span>
                </el-form-item>
                <el-form-item label="支撑文件列表：">
                    <el-table :data="[{ type: 1 }, { type: 2 }]" class="tableheader" border align-center style="width: 100%">
                        <el-table-column prop="date" label="编号" width="88">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">01</div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createTime" label="发布日期">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-date-picker
                                        style="width: 100%"
                                        v-model="scope.row.companyName"
                                        type="date"
                                        placeholder="请选择发布日期"
                                        format="YYYY-MM-DD"
                                        value-format="YYYY-MM-DD"
                                    />
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyName" label="支撑文件名称">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="请输入支撑文件名称"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="createUserName" label="支撑文件发布单位">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="请输入支撑文件发布单位"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="支撑文件版本号">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-input v-model="scope.row.companyName" placeholder="请输入支撑文件版本号"></el-input>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="companyNature" label="文件当前状态">
                            <template #default="scope">
                                <div v-if="scope.row.type == 1">
                                    <el-select v-model="scope.row.companyName" class="m-2" placeholder="请选择状态">
                                        <el-option label="1" value="1" />
                                        <el-option label="2" value="2" />
                                    </el-select>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="address" label="操作" width="220">
                            <template #default="scope">
                                <div style="text-align: center" v-if="scope.row.type == 1">
                                    <el-button type="primary" link>上传</el-button>
                                    <el-divider direction="vertical" />
                                    <el-button type="primary" link>查看</el-button>
                                    <el-divider direction="vertical" />
                                    <el-button type="primary" link>删除</el-button>
                                </div>
                                <div style="text-align: center" v-else>
                                    <el-button type="primary" link>加一行</el-button>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div class="formItemsspan">说明: 支持word，pdf，压缩文件等 文件上传。</div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>发布单位情况</el-checkbox></div>
                <el-form-item label="平台发布单位：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请选择 模块的 平台发布单位"></el-input>
                    <el-button type="primary" plain>选择</el-button>
                    <span class="formItemsspan">*从 我的团队列表 中选择</span>
                </el-form-item>
                <el-form-item label="配件公开程度：">
                    <div>
                        <el-radio-group v-model="pageData.createUserPost" size="large">
                            <div class="radiobutton" v-for="(item, index) in cardType" :key="index">
                                <el-radio-button :label="item" />
                            </div>
                        </el-radio-group>
                        <div class="formItemsspan">
                            *完全公开，所有人可以查看；部分公开，平台和提出的团队可以调用数据，其他人无权查看；不公开，自己查看，其他人无权查看
                        </div>
                    </div>
                </el-form-item>
            </el-card>
            <el-card class="pageCard">
                <div class="cardTitle"><el-checkbox>产地及补充介绍</el-checkbox></div>
                <el-form-item label="产品生产地址：">
                    <addRess style="width: 365px"></addRess>
                    <el-input v-model="pageData.companyName" style="width: 330px" placeholder="输入具体的村/社区+组/社/地名等信息"></el-input>
                    <span class="formItemsspan">*请输入 产品生产地。</span>
                </el-form-item>
                <el-form-item label="产品单价区间：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="自动从产品参数表中获取"></el-input>
                    <span class="formItemsspan">*自动从 产品参数表中获取</span>
                </el-form-item>
                <el-form-item label="供应商设备网址：">
                    <el-input v-model="pageData.companyPresentation" class="inputs" placeholder="请输入数字配件介绍网址"></el-input>
                    <span class="formItemsspan">*选填，仅用于材料采购用</span>
                </el-form-item>
                <el-form-item label="配件补充说明：">
                    <el-input
                        :rows="4"
                        type="textarea"
                        class="textarea"
                        resize="none"
                        v-model="pageData.companyPresentation"
                        placeholder="请输入数字配件补充说明"
                    ></el-input>
                </el-form-item>
                <div class="subpageBtnBox">
                    <el-button type="primary" plain @click="router.back()">返回</el-button>
                    <el-button type="primary" plain>保存</el-button>
                </div>
            </el-card>
        </el-form>
    </div>
</template>
<script lang="ts" setup>
// import mars3d from "@/components/mars3d.vue";
import cardbox from "../components/cardbox.vue";
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const pageData: any = ref({});
const test: any = reactive([]);
const addcolumn = () => {
    let data = {
        label: "输入分类参数",
        prop: "",
    };
    console.log(test);
    test.push(data);
};
// const pageData1: any = ref([
//     {
//         title: "电子元器件及供应商",
//         isCheckbox: false,
//         value: false,
//         type: "form",
//         data: [
//             {
//                 name: "数字配件名称：",
//                 placeholder: "请输入数字配件的名称",
//                 type: "input",
//                 value: "",
//                 tip: "*手动输入数字配件名称",
//                 isLinefeed: false,
//                 btn: "",
//             },
//             {
//                 name: "供应商名称：",
//                 placeholder: "请从供应商列表中选择",
//                 type: "input",
//                 value: "",
//                 tip: "*从供应商列表中选择",
//                 isLinefeed: false,
//                 btn: "查找",
//             },
//             {
//                 name: "产品品牌：",
//                 placeholder: "请输入数字配件的品牌",
//                 type: "input",
//                 value: "",
//                 tip: "*手动输入数字配件型号",
//                 isLinefeed: false,
//                 btn: "",
//             },
//         ],
//     },
//     {
//         title: "电子元器件发布单位",
//         isCheckbox: true,
//         value: false,
//         type: "form",
//         data: [
//             {
//                 name: "数字配件发布单位：",
//                 placeholder: "重庆三峡农夫科技有限公司",
//                 type: "input",
//                 value: "",
//                 tip: "*从我的团队列表中选择",
//                 isLinefeed: false,
//                 btn: "查找",
//             },
//             {
//                 name: "标准公开程度：",
//                 placeholder: "",
//                 type: "radio",
//                 radioList: ["完全公开", "部分公开", "不公开"],
//                 value: "",
//                 tip: "*完全公开，所有人可以查看；部分公开，平台和提出的团队可以调用数据，其他人无权查看；不公开，自己查看，其他人无权查看",
//                 isLinefeed: true,
//                 btn: "",
//             },
//         ],
//     },
//     {
//         title: "电子元器件采用标准情况",
//         isCheckbox: true,
//         value: false,
//         type: "form",
//         data: [
//             {
//                 name: "数字配件发布单位：",
//                 placeholder: "重庆三峡农夫科技有限公司",
//                 type: "input",
//                 value: "",
//                 tip: "*从我的团队列表中选择",
//                 isLinefeed: false,
//                 btn: "查找",
//             },
//             {
//                 name: "标准公开程度：",
//                 placeholder: "",
//                 type: "radio",
//                 radioList: ["完全公开", "部分公开", "不公开"],
//                 value: "",
//                 tip: "*完全公开，所有人可以查看；部分公开，平台和提出的团队可以调用数据，其他人无权查看；不公开，自己查看，其他人无权查看",
//                 isLinefeed: true,
//                 btn: "",
//             },
//         ],
//     },
// ]);
const addResskey: any = ref("");

const cardType = ref(["完全公开", "部分公开", "不公开"]);
const baseLatLng = ref([]);
const isAdd = ref(true);
const linkBtn = ref(true);
const cacheId = ref("");
const bigemapKey = ref(new Date().getTime());
const cacheData = (e: any) => {
    console.log(e);
};
const uploadFiles = (e: any, t: any) => {};
const uploadFileUrl = (e: any, t: any) => {};
const getAreaData = (e: any, t: any) => {};
</script>
<style lang="scss" scoped>
.pageCard {
    margin-bottom: 20px;
    .pageCardTitleBox {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .cardTitle {
        font-size: 14px;
        font-weight: bold;
        color: #252b3a;
        margin-bottom: 30px;
        width: 180px;
    }
    .cardTitletip {
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 22px;
    }
    .inputs {
        width: 505px;
        margin-right: 10px;
    }
    .inputs2 {
        width: 435px;
        margin-right: 10px;
    }
    .iteminputd {
        font-size: 14px;
        color: #333333;
        margin-right: 30px;
        .inputsd {
            width: 80px;
            margin-left: 10px;
        }
    }
    // .pageBtns {
    //     padding-left: 130px;
    // }
    .formItemsspan {
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        margin-left: 10px;
    }
    .formItemsspan1 {
        margin-left: 0;
    }
    .certificateInputTip {
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 22px;
    }
    .formitemtag {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .selectBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .selectItem {
            width: 162px;
        }
    }
    .formitemtagspan {
        font-size: 12px;
        margin-top: -12px;
        color: #999999;
    }
    .formItemTipsBox {
        width: 747px;
        margin-right: 10px;
    }
    .certificateInputTips {
        font-size: 16px;
        font-weight: 400;
        color: #f11212;
        margin-top: 10px;
    }
    .addressinput {
        margin-top: 10px;
    }
    .uploadcertificate {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 10px;
        width: 1200px;
        .uploadcertificateItem {
            margin-right: 30px;
            background-repeat: no-repeat;
            background-size: 154px 97px;
            background-position: 50% 70%;
            // &:nth-child(1) {
            //     background-image: url(@/assets/image/card2.png);
            // }
            // &:nth-child(2) {
            //     background-image: url(@/assets/image/card1.png);
            // }
            // &:nth-child(3) {
            //     background-image: url(@/assets/image/card3.png);
            // }
            .equipmentphoto {
                width: 310px;
                height: 210px;
                border-radius: 5px;
            }
            .uploadcertificateTitle {
                text-align: center;
                font-size: 14px;
                color: #666666;
                margin-bottom: 10px;
            }
        }
    }
    .uploadcertificateItem1 {
        background-image: url(@/assets/image/team1.png);
        background-repeat: no-repeat;
        background-size: 154px 97px;
        background-position: 8% 53%;
        margin-bottom: 10px;
    }
    .mars3ds {
        width: 100%;
        height: 516px;
    }
}
.formitembox {
    width: 1017px;
    height: 165px;
    border: 1px solid #cccccc;
    .checkboxItem {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 7px;
        .checkboxItemName {
            font-size: 16px;
            margin-right: 50px;
            width: 170px;
            text-align: right;
        }
    }
}
.textarea {
    width: 1400px;
}
.itemsinputs {
    width: 60px;
    border: none;
    border-bottom: 1px solid #252b3a;
}
.tableTip {
    font-size: 12px;
    color: #ff0000;
    margin-top: 20px;
}
</style>
<style>
.cardTitle .el-checkbox {
    font-size: 14px;
    font-weight: bold;
    color: #252b3a;
}
.meteorologicalenvironmentmsg .el-checkbox {
    min-width: 125px;
    margin-right: 20px;
}
.meteorologicalenvironmentmsgtableheader .el-table__header .is-group tr:last-child {
    display: none;
}
.meteorologicalenvironmentmsg .radiobutton {
    width: 162px;
    height: 30px;
    border-radius: 4px;
    margin-right: 10px;
}
.meteorologicalenvironmentmsg .radiobutton .el-radio-button .el-radio-button__inner {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    width: 162px;
    border: none;
    background: #f1f1f1;
}
.meteorologicalenvironmentmsg .radiobutton .el-radio-button.is-active .el-radio-button__inner {
    background: #23b14d;
}
</style>
